<template>
	<view>
		<view class="d-flex flex-column a-center j-center py-5 my-3">
			<text class="text-light-muted font-md mb-3">支付金额</text>
			<price priceSize="font-lg" unitSize="font-md">38.00</price>
		</view>
		<view class="px-5">
			<label>
			<uni-list-item showExtraIcon left-icon="icon-weixinzhifu" leftIconStyle="font-size:60rpx; color:#138510" :showArrowIcon="false" title="微信支付" note="推荐使用微信支付">
					<radio slot="right" value="1" color="#FD6801" />
			</uni-list-item>
			</label>
			<label>
			<uni-list-item showExtraIcon left-icon="icon-zhifubao" leftIconStyle="font-size:60rpx; color:#0b68f3" :showArrowIcon="false" title="微信支付" >
					<radio slot="right" value="1" color="#FD6801" />
			</uni-list-item>
			</label>
			<view class="main-bg-color text-white font-md w-100 py-2 rounded text-center mt-5" hover-class="main-bg-hover-color" @click="submit">确认支付</view>
		</view>
	</view>
</template>

<script>
	import price from "../../components/common/price.vue";
	import uniListItem from "../../components/uni-ui/uni-list-item/uni-list-item.vue"
	export default {
		components:{
			price,
			uniListItem
		},
		data() {
			return {
				
			}
		},
		methods: {
			submit(){
				uni.navigateTo({
					url:"/pages/pay-result/pay-result"
				})
			}
		}
	}
</script>

<style>

</style>
